
@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
ol,ul,li{list-style:none; margin:0px;padding:0px;}
input,textarea,select,a:focus {outline: none; }

/* login */
.kong{ clear:both; height:20%;}
.loginbox{ width:100%; margin:0 auto; height:800px;}
.login{ display:block; width:900px; margin:0 auto; border-radius:10px; background:#fff; height:460px;}
.login-left{border-radius:10px 0 0 10px; background-image:url(../../image/login_01.jpg); float:left; width:50%; height:460px;}

.login_kong{clear:both; width:100%; height:37%;}
.login_txt{ font-size:20px; font-family:Microsoft YaHei; text-align:left; padding-left:12%; line-height:28px; }
.login_txt img{padding-left:5px;}
.loginname{ width:100%; text-align:center; margin-top:20px; line-height:70px; font-family:Microsoft YaHei; font-size:24px;}
.login-form{ display:block; float:right;  width:50%;height:460px;}
.login-form input{  line-height:40px; margin-bottom:20px; border:1px #ccc solid; border-radius:10px; font-size:16px;}
.formbox{ width:60%; display:block; padding-left:15%; line-height:30px;}
.txtsize{height:40px; line-height:40px; padding-left:29px; width:100%;}
.tel{background:url(../../image/icon_tel.png) no-repeat 6px 5px;}
.yzm01{background:url(../../image/icon_yz.png) no-repeat 4px 7px; width:100%; padding-left:30px; margin:0 !important;}
.yzm02{background:url(../../image/icon_yzm.png) no-repeat 5px 7px; width:100%; padding-left:30px;  margin:0 !important;}
.but{ width:305px; background-color:#0077d5; color:#fff; font-size:20px; height:50px; border:1px #fff solid; border-radius:10px; margin-top:15px;}
.yzmbox{ width:300px; height:45px;}
.yamleft{ width:50%; float:left;}
.yamright{ width:100px; float:right; height:42px;}
.yamright img{ height:42px;}
.pass{ width:100%; color:#28A5E1; float:left; padding-left:5px; font-size:14px; padding-top:5px;}
.qyzc{width:300px; color:#28A5E1; font-size:14px; text-align:right;}


/* register 企业注册页面 */
.registerbox{ width:1200px; margin:0 auto; border-radius:10px; background:#fff; margin-top:25px; margin-bottom:25px;}
.title_name{line-height:40px; font-family:Microsoft YaHei; font-size:24px; padding:20px 0 20px 25px;}
.register{ clear:both; width:90%; margin:0 auto; color:#333; font-size:16px; height:65px; line-height:30px;}
.tab_name{ display:block; width:30%; padding-bottom:8px; float:left;}
.mar55{ margin-right:4%;}
.gao{line-height:25px; width:100%; }
.tab_four{ display:block; width:21.5%; padding-bottom:8px; float:left;}
.marfour{ margin-right:4%;}
.sel_width{ width:240px; line-height:30px; height:30px;}
.register01{ width:90%; margin:0 auto; color:#333; font-size:14px;}
.duanluo{ width:100%; margin-bottom:10px;}
.duanluo span{ display:block; float:left; line-height:30px; font-size:16px;}
.introduce{ width:1061px; min-height:65px; }
.upimage{ width:50%; float:left; margin-bottom:25px;}

.uplate{width:115px; height:83px;position: relative; float:left;}
.uppic{position: absolute; width:115px; height:83px; top: 0;left: 0; pointer-events: none; z-index: 999;}
.upinput{position: absolute; width:115px; height:83px; top: 0; left: 0;}
.tips{ width:70%; float:left; padding:15px 0 0 10px;  color:#ccc; line-height:20px; font-size:14px; }
.information_tips{ clear:both; width:90%; margin:0 auto; line-height:40px; border-top:1px #ccc dotted; color:#999999;}
.yzm_width{ width:65%; line-height:25px;}
.yam_pic{ width:100px; float:right; height:30px;}
.yam_pic img{ height:30px;}
.btn_refer{clear:both; width:90%; margin:0 auto; text-align:center;}
.refer{width:305px; background-color:#0077d5; color:#fff; font-size:20px; height:50px; border:1px #fff solid; border-radius:10px; margin-top:15px;}
.kong20{ clear:both; height:20px;}



/*---- not_fill -- 待填报页面 -- 酒店端 ---- */
.bofillbox{ width:100%;}
.bofill_top{ background:url(../../image/top_bg.jpg) no-repeat; height:70px; width:100%;}
.top_left{ float:left; padding-top:8px; width:610px;}
.top_right{ float:right; color:#fff; margin:13px 0 0 0; min-width:550px;}
.top_right li{ list-style-type:none; float:left; line-height:45px; padding-right:20px;}
.fill_name{ background:url(../../image/icon_building.png) no-repeat; padding-left:40px;}
.user{ background:url(../../image/icon_user.png) no-repeat; padding-left:50px;}
.mail{ background:url(../../image/icon_mail.png) no-repeat -5px 10px;padding-left:40px; }
.quit{ background:url(../../image/icon_quit.png) no-repeat 5px 10px; padding-left:40px;}
.mail_number{ position:relative; top:-40px; left:-25px;width: 20px;height: 20px; line-height:20px; background-color:#ff3c54; border-radius:10px; font-size:8px; text-align:center;}

.cenbox{ width:100%; background:#f7f7f7; }
.nav_box{ width:13%; float:left; background:#2AA3E9; }
.nav_list{ margin-top:25px;}
.nav_list ul{list-style-type: none;}
.nav_list li{ margin-bottom:10px;}
.nav_list li a{ display:block; width:80%; margin:0 auto; color:#fff; text-decoration:none; line-height:40px; border-radius:30px; }
.nav_list li a:hover {background-color: #fff; color:#1f81c4 ;}
.active{ background-color:#fff; color:#1f81c4 !important ; line-height:40px; border-radius:30px;}

.navbig{ font-size:24px; padding:10px 10px 0 20px; margin-top:5px;}
.navbig02{ font-size:21px; padding:10px 10px 0 20px; margin-top:5px;}
.navbig03{ font-size:21px; padding:10px 10px 0 20px; margin-top:5px;}
.navbig04{ font-size:28px; padding:10px 10px 0 15px; margin-top:5px;}
.navbig05{ font-size:21px; padding:10px 10px 0 20px; margin-top:5px;}
.navbig06{ font-size:23px; padding:10px 10px 0 20px; margin-top:5px;}

.form_right{ width:86%; margin:0 auto; float:right; min-height:auto;}
.rightbox{background-color:#fff; border-radius:10px; margin:0 20px 0 0;}
.sousuo{ width:100%;padding:20px 0px 20px 40px;}
.sou_mar{ margin-left:42px !important;}
.sou_mar02{ margin-right:10px;}
.sou_tj{ width:280px; float:left; margin:30px 0 20px 0;}
.sou_width{ width:160px; line-height:35px; height:35px; font-size:16px;}
.sou_btn{ width:120px; background-color:#f2f2f2; color:#333; font-size:16px; height:36px; border:1px #ccc solid; border-radius:10px;}

.tab_fill{ clear:both; width:100%;}
.tab_tb{ width:95%; margin:0 auto; text-align:center;}
.tab_tb td{ line-height:40px;}
.top_bt{ background-color:#2aa3e9; line-height:45px !important; text-align:center; color:#fff; font-weight:bold;}
.bt_w10{ width:10%;}
.bt_w15{ width:15%;}
.bt_w20{ width:20%;}
.check{ color:#2aa3e9;}
.tab_bg{ background-color:;}
.tab_tb th:nth-child(odd) { background:#fff;}
.tab_tb tr:nth-child(even) {background: #f2f7ff;}
.examine_a{ color:#333;}
.examine_b{ color:#ff0000;}
.examine_c{ color:#008000;}

/*---- account-- 账户管理页面 -- 酒店端 ---- */
.new_user{ width:180px; float:right; margin:20px 2.5% 15px 0;}
.bt_w30{ width:30%;}
.new_btn{ width:180px; background-color:#2aa3e9; color:#fff; font-size:16px; height:36px; border:1px #2aa3e9 solid; border-radius:10px;}

   /*---- account-- 新建子账户 ---- */
.newuserbox{ width:80%; margin:0 auto; border:1px #ccc solid; border-radius:10px;}
.newuser_name{ clear:both; width:90%; margin:0 auto; padding-bottom:20px;}
.newuser_name span{ display:block; float:left; width:150px; text-align:right; padding-right:10px; line-height:30px;}
.input_sy{line-height:25px; width:250px; }
.input_yanzm{ float:left; line-height:25px; width:150px; }
.newuser_pic{width:100px; float:left; height:30px; margin-left:15px;}
.newuser_pic img{ height:30px;}
.newuser_name label{ line-height:30px; display:block; float:left; width:70%; text-align:left; word-break:break-all;}
.user_mar{ margin-top:20px;}

.number_up{ color:#2aa3e9; text-decoration:underline;}
.btn_fenlei{ width:33%; float:left; text-align:center;}
.btn_style{width:250px; color:#fff; font-size:20px; height:50px; border:1px #fff solid; border-radius:10px; margin-top:15px;}
.blue{background-color:#0077d5;}
.grey{background-color:#ccc;}
.red{background-color:#ff3c54;}


/*---- data_center -- 数据中心页面 -- 厅端 ---- */
.city_all{ width:20%; float:left; margin:20px 0 0 20px; height:760px; border-right:1px #dadada solid;}
.city_qs{ width:100% ;line-height:35px;}
.city_sji{display:block; width:80%; margin-left:20px; line-height:35px;}
.timebox{ width:75%; float:left; margin:20px 0 0 20px;}
.time_hight{ line-height:25px; font-size:16px;}
.time_choose{ width:550px; float:left; margin-right:10px;}
.time_btn{ width:30%; float:left;}
.cx_btn{width:150px; background-color:#f2f2f2; color:#333; font-size:16px; height:35px; border:1px #ccc solid; border-radius:10px;}

.timebox02{width:75%; float:left;}
.messagebox{ width:20%; float:left; display:block; text-align:center; border:1px #ccc solid; padding:10px 0 10px 0; margin-top:20px; line-height:30px;}
.margin20{ margin-left:4.5%;}
.message_data{ font-size:25px;}
.message_data span{ font-size:14px; color:#333;}
.message_type{ font-size:16px; }
.txtcolor_a{ color:#666;}
.txtcolor_b{ color:#008000;}
.txtcolor_c{ color:#ff6600;}
.txtcolor_d{ color:#6699ff;}
.txtcolor_e{ color:#ff33cc;}
.txtcolor_f{ color:#336699;}
.txtcolor_g{ color:#ffcc66;}

/*---- hotel manage -- 酒店管理页面 -- 厅端 ---- */
.bt_w5{ width:8%;}
.soubox{ width:60%; float:left; margin: 30px 0 20px 2.6%;}
.height50{ line-height:28px; width:97%;}
.checke{position: relative; -webkit-appearance: none; width:68px; height: 22px; line-height: 22px; background: #cbcbcb; border-radius: 30px;  outline: none;  }
.checke:before{ position: absolute; left: 0; content: ''; width: 22px; height: 22px; border-radius: 50%; background: #eee; box-shadow: 0px 0px 4px #ddd; transition: all 0.2s linear; }
.checke:checked{ background:#008000; }
.checke:checked:before{ left: 45px; transition: all 0.2s linear; }
.stop_business{  padding-bottom:20px; float:left;}
.stop_business span{ display:block; float:left; width:150px; text-align:right; padding-right:10px; line-height:30px;}
.stopmar{ margin-left:5%}

/*--------------- 酒店管理页面 -- 基本情况 ---------------- */
.us_information{ width:1200px; margin:0 auto;}
.us_information_left{ width:190px;  float:left;}
.us_information_right{ width:965px; float:left; }

.relation_hotel_list{ width:100%; margin:0 auto;}
.relation_h{ width:190px; height:600px; }
.relation_box{ clear:both; width:965px; margin-left:20px;  color:#333; font-size:16px; height:65px; line-height:30px;}
.relation_box01{color:#333; font-size:14px; margin-left:20px; }
.introduce02{ width:950px; min-height:65px; }
.sel_width02{ width:218px; line-height:30px; height:30px;}

/*---- work manage -- 工作管理页面 -- 厅端 ---- */
.work_top{ width:40%; float:left; margin:30px 0 20px 20px;}
.sou_tj02{ width:18%; float:left; margin:30px 0 20px 0;}
.sou_tj03{ width:15%; float:left; margin:30px 0 20px 0;}
.sou_width02{ width:95%; line-height:35px; height:35px; font-size:16px;}
.time_hight02{ line-height:28px; font-size:16px; width:42%;}
.gao02{line-height:28px; width:100%; }
.sousuo02{ width:95%; margin:0 auto;}
.sou_btn02{ width:80%; background-color:#f2f2f2; color:#333; font-size:16px; height:36px; border:1px #ccc solid; border-radius:10px;}


/*----  工作管理页面 -- 厅端 ---- */
.over{ display:block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tab_four span{ width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_two{ display:block; width:47%; padding-bottom:8px; float:left;}
.martwo{ margin-right:2.5%;}
.sel_width03{ width:103%; line-height:30px; height:30px;}
.btn_style02{width:80%; color:#fff; font-size:20px; height:50px; border:1px #fff solid; border-radius:10px; margin-top:15px;}

.account_type{width:260px; line-height:30px; height:30px;}

/*---- release form --发布填报页面 -- 厅端 ---- */


.tianbao_xinxi{ width:30%; float:left; padding:20px 0 0 0;}
.release_hotel{ width:65%; float:right;}
.biao_one{ clear:both; display:block; width:100%;  margin-top:15px;}
.biao_one span{ display:block; width:30%; float:left; text-align:right; padding-right:10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.biao_hight{ height:35px;line-height:30px;}
.biao_name{ float:left; width:60%; }
.market{ margin-left:10px;}
.area{ margin-left:25px;}
.area_hotel{ margin-left:40px;}
.border_biao{border:1px #7c7c7c solid; width:61%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.kong5{ clear:both; height:5px;}
.hotel_details{ width:45%; float:left;}
.hotel_details li{ display:block; line-height:40px;}
.hotel_bo{ display:block; line-height:40px; height:40px; font-size:16px; border-bottom:1px #ccc dotted;}
.pull_name{line-height:40px; font-family:Microsoft YaHei; font-size:24px; padding:20px 0 0 0;}
.pull{display:block;  float:left; width:15%; text-overflow: ellipsis; white-space: nowrap;}
.pull_time{ display:block; float:right; width:20%; color:#ccc; font-size:13px; text-overflow: ellipsis; white-space: nowrap;}
.forright{ margin-left:5%;}
.txt_list{ display:block; width:60%; float:left;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}



